<template>
	<view>
		<view class="">
			<u-swiper :list="imgList" height="400" mode="round" indicator-pos="topRight" img-mode="aspectFill">
			</u-swiper>
		</view>
		<view class="bg_zs u-p-20 cl_FFF u-flex u-row-between">
			<view class="u-p-l-40 u-p-r-40 u-p-t-10 u-p-b-10 bg_FFFFFF cl_zs u-b-r-50 u-font-28">
				身体塑性 改善睡眠
			</view>
			<view class="u-flex">
				<view class="">
					<u-icon name="clock-fill" color="#FFFFFF" size="45"></u-icon>
				</view>
				<view class="u-m-l-10 u-font-28">
					项目基础时长：120分钟
				</view>
			</view>
		</view>
		<view class="bg_FFFFFF u-p-20">
			<view class="u-weight">
				舒悦瑜伽SPA
			</view>
			<view class="u-m-t-20 u-flex u-row-between cl_A4A4A4">
				<view class="">
					<text class="u-font-28">￥698</text>
					<text class="u-m-l-10 u-m-r-10 cl_FF0000 u-font-35">￥498</text>
					<text class="u-font-28">/120分钟</text>
				</view>
				<view class="u-font-28">
					82人选择
				</view>
			</view>
		</view>
		<view class="u-m-t-20 bg_FFFFFF u-p-t-10 u-p-b-10">
			<u-tabs :list="tabList" :is-scroll="false" font-size="28" active-color="#1AC278" inactice-color="#1AC278" :current="tabCurrent" @change="tabChange"></u-tabs>
		</view>
		<view class="u-p-20">
			<u-parse :html="content"></u-parse>
		</view>
		<view class="u-h-100">
			
		</view>
		<view class="u-fixed u-b-0 u-w-750 u-p-20">
			<view @click="$u.route('/pages/home/technicianList')" class="u-h-80 u-l-h-80 bg_zs cl_FFF u-b-r-50 u-text-center u-font-28">
				选择技师
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 轮播图
				imgList: this.$list.imgList,
				// 切换
				tabCurrent:0,
				tabList:[{
					name: '项目介绍'
				}, {
					name: '禁忌说明'
				}, {
					name: '下单须知'
				}],
				content:'11111111111111111111111111111111'
			}
		},
		onLoad() {
		},
		onShow() {

		},
		methods: {
			tabChange(index){
				this.tabCurrent=index
			}
		}
	}
</script>

<style scoped>
	page {
		background: #F6F6F6 !important;
	}
</style>
